<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Puppy Care - Animals & Pets Category Bootstrap Responsive Web Template - Contact Us : W3Layouts</title>
    <link rel="shortcut icon" href="/assets/img/logos/favicon.png">
    <link href="./assets/css/product_css/custom.css" rel="stylesheet" type="text/css" media="all">
    <!-- <link href="./assets/css/product_css/loader-pulse.css" rel="stylesheet" type="text/css" media="all"> -->
    <link href="./assets/css/product_css/theme.css" rel="stylesheet" type="text/css" media="all">
    <link href="./assets/css/product_css/css" rel="stylesheet">
    <link
        href="//fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="assets/css/style-starter.css">
    <script src="./assets/js/hm.js"></script>
</head>

<body>
    <!-- header -->
    <header id="site-header" class="fixed-top">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light">
                <a class="navbar-brand" href="index.html">
                    <!-- <h6 style="color:whitesmoke;" align=center>在线宠物收养网站 </h6> -->
                    <i class="fas fa-dog"></i>好当家

                    <span>宠物研究所</span>

                </a>
                <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
                    <span class="navbar-toggler-icon fa icon-close fa-times"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarScroll">
                    <ul class="navbar-nav mx-auto my-2 my-lg-0 navbar-nav-scroll">
                        <li class="nav-item">
                            <a class="nav-link " aria-current="page" href="index.html">首页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="about.html">关于</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="services.html">服务</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="product.html">产品</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" href="contact.html">联系</a>
                        </li>
                        <li class="nav-item">
                            <div class="dropdown">
                                <a aria-expanded="false" aria-haspopup="true"
                                    class="dropdown-toggle nav-link nav-item arrow-bottom" data-toggle="dropdown-grid"
                                    href="/#" role="button">商城</a>
                                <div class="row dropdown-menu">
                                    <div class="col-auto" data-dropdown-content="">
                                        <div class="dropdown-grid-menu"><a target="_blank"
                                                href="https://pet-ever.tmall.com/?spm=a220o.1000855.1997427721.d4918089.6ea860b7uo0AgC"
                                                class="dropdown-item fade-page">天猫旗舰店</a><a target="_blank"
                                                href="https://shop511574138.taobao.com/?spm=a230r.7195193.1997079397.2.365d3e292I7elW"
                                                class="dropdown-item fade-page">淘宝官方店</a><a target="_blank"
                                                href="https://mall.jd.com/index-10808193.html?from=pc"
                                                class="dropdown-item fade-page">京东旗舰店</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <form action="#error" method="GET" class="d-flex search-header">
                        <input class="form-control" type="search" placeholder="输入关键词..." aria-label="Search" required>
                        <button class="btn btn-style" type="submit">Search</button>
                    </form>
                </div>
                <div class="cont-ser-position">
                    <nav class="navigation">
                        <div class="theme-switch-wrapper">
                            <label class="theme-switch" for="checkbox">
                                <input type="checkbox" id="checkbox">
                                <div class="mode-container">
                                    <i class="gg-sun"></i>
                                    <i class="gg-moon"></i>
                                </div>
                            </label>
                        </div>
                    </nav>
                </div>
            </nav>
        </div>
    </header>
    <!-- //header -->
    <section class="inner-banner py-5">
        <div class="w3l-breadcrumb py-lg-5">
            <div class="container pt-4 pb-sm-4">
                <h4 class="inner-text-title font-weight-bold pt-sm-5 pt-4">联系我们</h4>
                <ul class="breadcrumbs-custom-path">
                    <li><a href="index.html">首页</a></li>
                    <li class="active"><i class="fas fa-angle-right mx-2"></i>联系</li>
                </ul>
            </div>
        </div>
        <div class="shape">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 280">
                <path fill-opacity="1">
                    <animate attributeName="d" dur="20000ms" repeatCount="indefinite"
                        values="M0,160L48,181.3C96,203,192,245,288,261.3C384,277,480,267,576,234.7C672,203,768,149,864,117.3C960,85,1056,75,1152,90.7C1248,107,1344,149,1392,170.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z; M0,160L48,181.3C96,203,192,245,288,234.7C384,224,480,160,576,133.3C672,107,768,117,864,138.7C960,160,1056,192,1152,197.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z;												 M0,64L48,74.7C96,85,192,107,288,133.3C384,160,480,192,576,170.7C672,149,768,75,864,80C960,85,1056,171,1152,181.3C1248,192,1344,128,1392,96L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z;
                                                 M0,160L48,181.3C96,203,192,245,288,261.3C384,277,480,267,576,234.7C672,203,768,149,864,117.3C960,85,1056,75,1152,90.7C1248,107,1344,149,1392,170.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z;" />

                </path>
            </svg>
        </div>
    </section>

    <!-- 联系 -->
    <div class="w3l-contact-info pt-5" id="contact">
        <div class="container py-md-5 py-4">
            <div class="position-relative">
                <h3 class="title-style text-center mb-sm-5 mb-4">联系我们</h3>
                <div class="title-paw-style">
                    <i class="fas fa-paw"></i>
                    <i class="fas fa-paw paw-2"></i>
                    <i class="fas fa-paw paw-3"></i>
                </div>
            </div>
            <div class="align-self pt-4">
                <div class="contact-infos">
                    <div class="single-contact-infos">
                        <div class="icon-box"><i class="fas fa-map-marker-alt color-1"></i></div>
                        <div class="text-box">
                            <h3 class="mb-3">地址信息</h3>
                            <p>第五大道10001号，
                                #海德拉巴32841街区。</p>
                        </div>
                    </div>
                    <div class="single-contact-infos">
                        <div class="icon-box"><i class="fas fa-clock color-2"></i></div>
                        <div class="text-box">
                            <h3 class="mb-3">营业时间</h3>
                            <p class=""> 周一至周六：上午9点至下午6点</p>
                        </div>
                    </div>
                    <div class="single-contact-infos">
                        <div class="icon-box"><i class="fas fa-envelope-open-text color-3"></i></div>
                        <div class="text-box">
                            <h3 class="mb-3">联系信息</h3>
                            <p class=""><a href="tel:+1(21) 234 4567">+91 80742 63621</a></p>
                            <p class=""> <a href="mailto:info@support.com">petcoadopt@gmail.com</a></p>
                        </div>
                    </div>
                </div>
            </div>


            <div class="container" style="margin-top: 10%;">
                <div class="row justify-content-center text-center">
                    <div class="col-md-auto aos-init aos-animate" data-aos="fade-up">
                        <div class="px-md-4 px-lg-5 mb-5 mb-md-0">
                            <img class="img-fluid" src="./assets/images/contact_img/qr-wx2.png" style="height:100px"><br><br>
                            <p>微信公众号</p>
                        </div>
                    </div>
                    <div class="col-md-auto aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
                        <div class="px-md-4 px-lg-5 mb-5 mb-md-0">
                            <img class="img-fluid" src="./assets/images/contact_img/qr-wb.png" style="height:100px"><br><br>
                            <p>官方微博</p>
                        </div>
                    </div>
                    <div class="col-md-auto aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
                        <div class="px-md-4 px-lg-5 mb-5 mb-md-0">
                            <img class="img-fluid" src="./assets/images/contact_img/qr-tb.png" style="height:100px"><br><br>
                            <p>官方淘宝</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div class="row mt-5 pt-md-5">
                <div class="col-lg-6 map order-lg-1 order-2">
                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3001161.424489281!2d-78.01909140705047!3d42.72866436845163!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4ccc4bf0f123a5a9%3A0xddcfc6c1de189567!2sNew%20York%2C%20USA!5e0!3m2!1sen!2sin!4v1570786994395!5m2!1sen!2sin"
                        frameborder="0" allowfullscreen=""></iframe>
                </div>
                <div class="col-lg-6 form-inner-cont order-lg-2 order-1 mb-lg-0 mb-5 ps-lg-4">
                    <form action="https://sendmail.w3layouts.com/submitForm" method="post" class="signin-form">
                        <div class="form-input">
                            <input type="text" name="w3lName" id="w3lName" placeholder="Your name">
                        </div>
                        <div class="form-input">
                            <input type="email" name="w3lSender" id="w3lSender" placeholder="Your email address"
                                required="">
                        </div>
                        <div class="form-input">
                            <textarea name="w3lMessage" id="w3lMessage" placeholder="Your message"
                                required=""></textarea>
                        </div>
                        <div class="text-right">
                            <button type="submit" class="btn btn-style btn-primary">Submit</button>
                        </div>
                    </form>
                </div>
            </div> -->
        </div>
    </div>
    <!-- //联系 -->

    <!-- footer -->
    <footer class="w3l-footer pb-0">
        <div class="shape-footer">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 280">
                <path fill-opacity="1">
                    <animate attributeName="d" dur="20000ms" repeatCount="indefinite"
                        values="M0,160L48,181.3C96,203,192,245,288,261.3C384,277,480,267,576,234.7C672,203,768,149,864,117.3C960,85,1056,75,1152,90.7C1248,107,1344,149,1392,170.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z; M0,160L48,181.3C96,203,192,245,288,234.7C384,224,480,160,576,133.3C672,107,768,117,864,138.7C960,160,1056,192,1152,197.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z;												 M0,64L48,74.7C96,85,192,107,288,133.3C384,160,480,192,576,170.7C672,149,768,75,864,80C960,85,1056,171,1152,181.3C1248,192,1344,128,1392,96L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z;
                                             M0,160L48,181.3C96,203,192,245,288,261.3C384,277,480,267,576,234.7C672,203,768,149,864,117.3C960,85,1056,75,1152,90.7C1248,107,1344,149,1392,170.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z;" />

                </path>
            </svg>
        </div>
        <div class="w3l-footer-16 py-5">
            <div class="container">
                <div class="row footer-p">
                    <div class="col-lg-4 pe-lg-5">
                        <h3>关于我们</h3>
                        <p class="mt-3">我们的Puppycare平台致力于将宠物家长与那些像对待家人一样呵护宠物的护理专家紧密相连。

                            我们深知，您的宠物对您而言不仅仅是宠物，更是家庭中不可或缺的一员。因此，您可以信赖我们，我们将竭尽全力确保您的宠物保持快乐、健康，并永远充满可爱！</p>
                        <div class="columns-2 mt-lg-5 mt-4">
                            <ul class="social">
                                <li><a href="#facebook"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li><a href="#linkedin"><i class="fab fa-linkedin-in"></i></a>
                                </li>
                                <li><a href="#twitter"><i class="fab fa-twitter"></i></a>
                                </li>
                                <li><a href="#google"><i class="fab fa-google-plus-g"></i></a>
                                </li>
                                <li><a href="#github"><i class="fab fa-github"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-5 mt-lg-0 mt-5">
                        <div class="row">
                            <div class="col-xl-5 col-6 column">
                                <h3>Quick Link</h3>
                                <ul class="footer-gd-16">
                                    <li><a href="about.html">关于我们</a></li>
                                    <li><a href="#clients">我们的客户</a></li>
                                    <li><a href="services.html">服务</a></li>
                                    <li><a href="#blog">博客文章</a></li>
                                    <li><a href="contact.html">联系我们</a></li>
                                </ul>
                            </div>
                            <div class="col-6 column">
                                <h3>联系方式</h3>
                                <ul class="footer-contact-list">
                                    <li class="">第五大道10001号，
                                        #海得拉巴32841街区</li>
                                    <li class="mt-2"><a href="tel:+12 23456790">+91 80742 63621</a></li>
                                    <li class="mt-2"><a href="mailto:info@example.com">petcoadopt@gmail.com</a></li>
                                    <li class="mt-2"><a href="mailto:info@example.com">www.homeypetshelter.com</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-7 col-sm-8 column mt-lg-0 mt-4 pl-xl-0">
                        <h3>时事通讯 </h3>
                        <div class="end-column">
                            <form action="#" class="subscribe" method="post">
                                <input type="email" name="email" placeholder="Email Address" required="">
                                <button><span class="fa fa-paper-plane" aria-hidden="true"></span></button>
                            </form>
                            <p class="mt-4">订阅我们的邮件列表，获取您的电子邮件收件箱的更新。</p>
                        </div>
                    </div>
                </div>
                <div class="below-section text-center pt-lg-4 mt-5">
                    <p class="copy-text">&copy; 2023 Puppy Care. All rights reserved. Design by <a
                            href="https://w3layouts.com/" target="_blank"> Petco</a>
                    </p>
                </div>
            </div>
        </div>
    </footer>
    <!-- //footer -->

    <!-- Js scripts -->
    <button onclick="topFunction()" id="movetop" title="Go to top">
        <span class="fas fa-level-up-alt" aria-hidden="true"></span>
    </button>
    <script type="text/javascript" src="./assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="./assets/js/popper.min.js"></script>
    <script type="text/javascript" src="./assets/js/bootstrap.js"></script>

    <script type="text/javascript" src="./assets/js/aos.js"></script>
    <script type="text/javascript" src="./assets/js/clipboard.min.js"></script>
    <script type="text/javascript" src="./assets/js/jquery.fancybox.min.js"></script>
    <script type="text/javascript" src="./assets/js/flatpickr.min.js"></script>
    <script type="text/javascript" src="./assets/js/flickity.pkgd.min.js"></script>
    <script type="text/javascript" src="./assets/js/ion.rangeSlider.min.js"></script>
    <script type="text/javascript" src="./assets/js/isotope.pkgd.min.js"></script>
    <script type="text/javascript" src="./assets/js/jarallax.min.js"></script>
    <script type="text/javascript" src="./assets/js/jarallax-video.min.js"></script>
    <script type="text/javascript" src="./assets/js/jarallax-element.min.js"></script>
    <script type="text/javascript" src="./assets/js/jquery.countdown.min.js"></script>
    <script type="text/javascript" src="./assets/js/jquery.smartWizard.min.js"></script>
    <script type="text/javascript" src="./assets/js/plyr.polyfilled.min.js"></script>
    <script type="text/javascript" src="./assets/js/prism.js"></script>
    <script type="text/javascript" src="./assets/js/scrollMonitor.js"></script>
    <script type="text/javascript" src="./assets/js/smooth-scroll.polyfills.min.js"></script>
    <script type="text/javascript" src="./assets/js/svg-injector.umd.production.js"></script>
    <script type="text/javascript" src="./assets/js/twitterFetcher_min.js"></script>
    <script type="text/javascript" src="./assets/js/typed.min.js"></script>
    <script type="text/javascript" src="./assets/js/theme.js"></script>
    <script>
        // 当用户点击按钮时，滚动到文档顶部
        window.onscroll = function () {
            scrollFunction()
        };

        function scrollFunction() {
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                document.getElementById("movetop").style.display = "block";
            } else {
                document.getElementById("movetop").style.display = "none";
            }
        }

        // 当用户点击按钮时，滚动到文档顶部
        function topFunction() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    </script>

    <script src="assets/js/theme-change.js"></script>

    <!-- MENU-JS -->
    <script>
        $(window).on("scroll", function () {
            var scroll = $(window).scrollTop();

            if (scroll >= 80) {
                $("#site-header").addClass("nav-fixed");
            } else {
                $("#site-header").removeClass("nav-fixed");
            }
        });

        //Main navigation Active Class Add Remove
        $(".navbar-toggler").on("click", function () {
            $("header").toggleClass("active");
        });
        $(document).on("ready", function () {
            if ($(window).width() > 991) {
                $("header").removeClass("active");
            }
            $(window).on("resize", function () {
                if ($(window).width() > 991) {
                    $("header").removeClass("active");
                }
            });
        });
    </script>
    <!-- //MENU-JS -->

    <script>
        $(function () {
            $('.navbar-toggler').click(function () {
                $('body').toggleClass('noscroll');
            })
        });
    </script>
    <!-- bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- //bootstrap -->
    <!-- //Js scripts -->
</body>

</html>